<template>
    <div class="card-container">
        <!--  生成中  -->
        <!-- <template v-if="status === 1 || status === 0">
            <InProgress></InProgress>
        </template> -->
        <!--  成功  -->
        <template v-if="true">
            <Success :value="value"></Success>
        </template>
        <!--  失败  -->
        <!-- <template v-if="status === 2">
            <Fail :value="value"></Fail>
        </template> -->
    </div>
</template>

<script lang="ts" setup>
import InProgress from './in-progress.vue'
import Success from './success.vue'
import Fail from './fail.vue'

const props = withDefaults(
    defineProps<{
        value?: any
        status: number
    }>(),
    {
        value: '',
        status: 0
    }
)
</script>

<style lang="scss" scoped>
.card-container {
    margin-top: 20px;
    margin-left: 20px;
    width: 200px;
    height: 300px; 
    background: var(--el-bg-color-base);
    border-radius: 12px;
    box-shadow: 0 3px 10px #121318;
}
</style>
